<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>样式</title>
		<!-- 内部样式 -->
		<style>    /* type="text/css"可有可无 */
			h3{
				color: green;    /* 字体颜色 */
				font-size: 20px;   /* 字体大小 */
				text-align: center;  /* 文本居中 */
			}
		</style>
		<!-- step2:引入css文件 -->
		<link href="css/ziti.css" rel="stylesheet"/>
	</head>
	<body>
		<!-- 引入样式的方式：1.内联样式：在开始标签中加入style属性，在属性中设置样式
		 2.内部样式：在head标签中用style标签引入。
		 3.外部样式:
		      step1:书写外部样式css文件
			  step2:在html文件中head标签中引入css文件
			  内联优先级最高，其次是谁离标签根部近谁的优先级就高
			  
		 -->
		<h1 style="color: red; font-size: 24px;text-align: center;">古诗网</h1>    <!-- 内联样式 -->
		<h3>蒹葭</h3>
		<p>蒹葭苍苍，白露为霜</p>
		<p>所谓伊人，在水一方</p>
	</body>
</html>
